<template>
    <div>
        <h4>子组件</h4>
    </div>
</template>

<script>
export default {
    beforeCreate() {
        console.log("子组件创建之前");
    },
    created() {
        console.log("子组件创建之后");
    },
    beforeMount() {
        console.log("子组件挂载（渲染）之前");
    },
    mounted() {
        console.log("子组件挂载（渲染）之后");
    },
    beforeUpdate() {
        console.log("子组件更新之前");
    },
    updated() {
        console.log("子组件更新之后");
    },
    beforeUnmount() {
        console.log("子组件销毁之前");
    },
    unmounted() {
        console.log("子组件销毁之后");
    }
}
</script>

<style lang="scss" scoped></style>